<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%
	String path = request.getContextPath();
	// 获得本项目的地址(例如: http://localhost:8080/MyApp/)赋值给basePath变量 
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	// 将 "项目路径basePath" 放入pageContext中，待以后用EL表达式读出。 
	pageContext.setAttribute("basePath", basePath);
	//out.write(basePath);
%>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>用户信息查询</title>

<meta name="description"
	content="Source code generated using layoutit.com">
<meta name="author" content="LayoutIt!">

<link href="<%=basePath %>bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="<%=basePath %>bootstrap/css/style.css" rel="stylesheet">

<style type="text/css">
/**文本框内容右对齐**/
label{
	text-align:right;
}
/**自定义row的行距**/
.rowHeigth {
	margin-top: 10px;
}
</style>


</head>
<body>

	<form action="<%=basePath%>UserInfoModifyServlet" method="post">

		<div class="container-fluid">
			<div class="row rowHeigth">
			
				<input type="hidden"  id="txtUserId"	name="opt" value="2">
				
				<div class="form-group">
					<label class="col-sm-2 control-label">用户名</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="txtUserName"
							name="txtUserName" placeholder="用户名" >
							<div><span id="sptxtName"></span></div>
					</div>

					<label class="col-sm-2 control-label">性别</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="selectSext"
							name="selectSext" placeholder="性别">
					</div>
				</div>

			</div>
			
			
			
			<div class="row rowHeigth">

				<div class="form-group">
					<label class="col-sm-2 control-label" for="txtUserAge">年龄</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="txtUserAge"
							name="txtUserAge" placeholder="开始年龄">
					</div>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="txtUserAge"
							name="txtUserAge2" placeholder="结束年龄">
					</div>
					
					
					<label class="col-sm-2 control-label" for="txtUserTel">联系方式</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="txtUserTel"
							name="txtUserTel" placeholder="联系方式">
					</div>
				</div>

			</div>

			<div class="row rowHeigth">
				<div class="form-group">
					<label class="col-sm-2 control-label" for="txtUserAddress">地址</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="txtUserAddress"
							name="txtUserAddress" placeholder="地址">
					</div>

					
				</div>

			</div>

			<div class="row rowHeigth">
				<div class="form-group">
					<div class="col-sm-offset-4 col-sm-2">
						<button type="submit" class="btn btn-default" >查询</button>
					</div>
					<div class="col-sm-offset-2 col-sm-4">
						<button type="reset" class="btn btn-default">重置</button>
					</div>
				</div>

			</div>

		</div>

	</form>


	<script src="<%=basePath %>bootstrap/js/jquery.min.js"></script>
	<script src="<%=basePath %>bootstrap/js/bootstrap.min.js"></script>
	<script src="<%=basePath %>bootstrap/js/scripts.js"></script>
</body>
</html>
